<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>HR中心</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/HRcentre.css">
</head>

<body style="min-width:1024px">
    <header>
        <div class="w header">
            <div class="logo">
                <img src="image/logo.png" alt="logo">
            </div>
            <ul class="header-nav">
                <li class="nav-active">HR中心</li>
                <li>应聘管理</li>
                <li>职位管理</li>
                <li>发布职位</li>
                <li>入职管理</li>
                <li>管理系统</li>
            </ul>
            <div class="inform">
                <img src="image/inform.png" alt="通知">
            </div>
        </div>
    </header>
    <section class="notice">
        <ul class="w notice-list-box">
            <li class="notice-list">
                <p class="p-top">
                    <span>8</span> 待处理简历
                </p>
                <p class="p-bottom">
                    <span>4</span> 封未读
                </p>
            </li>
            <li class="notice-list">
                <p class="p-top">
                    <span>8</span> 待处理简历
                </p>
                <p class="p-bottom">
                    <span>4</span> 封未读
                </p>
            </li>
            <li class="notice-list">
                <p class="p-top">
                    <span>8</span> 待处理简历
                </p>
                <p class="p-bottom">
                    <span>4</span> 封未读
                </p>
            </li>
            <li class="notice-list">
                <p class="p-top">
                    <span>8</span> 待处理简历
                </p>
                <p class="p-bottom">
                    <span>4</span> 封未读
                </p>
            </li>
        </ul>
    </section>
    <section class="planning clearfix">
        <div class="w planning-arr">
            <div class="calender">
                    <div class="planning-title"><span class="calender-icon"></span>面试安排<span class="bar"></span></div>
                    <div class="calender-detail clearfix">
                        <div class="calender-left fl">
                            <div class="month">
                                <span class="time">2017/08</span>
                                <span><</span>
                                <span>></span>
                            </div>
                            <table class="calender-table">
                                <thead>
                                    <th>日</th>
                                    <th>一</th>
                                    <th>二</th>
                                    <th>三</th>
                                    <th>四</th>
                                    <th>五</th>
                                    <th>六</th>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td class="active">30</td>
                                        <td>30</td>
                                        <td>30</td>
                                    </tr>
                                    <tr>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                    </tr>
                                    <tr>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                    </tr>
                                    <tr>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                    </tr>
                                    <tr>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                        <td>30</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="calender-right fl">
                            <p class="work-list">14:00 徐安度(人力资源) <a class="eval fr" href="#">评价</a></p>
                        </div>
                </div>
            </div>
            <div class="satistics">
                    <div class="planning-title"><span class="satistics-icon"></span>数据统计<span class="bar"></span></div>
                    <ul class="satistics-number">
                        <li>
                            <div class="quantity-ball">96%</div>
                            <p class="quantity-text">简历处理率</p>
                        </li>
                        <li>
                            <div class="quantity-ball">96%</div>
                            <p class="quantity-text">简历处理率</p>
                        </li>
                        <li>
                            <div class="quantity-ball">96%</div>
                            <p class="quantity-text">简历处理率</p>
                        </li>
                        <li>
                            <div class="quantity-ball">96%</div>
                            <p class="quantity-text">简历处理率</p>
                        </li>
                        <li>
                            <div class="quantity-ball">96%</div>
                            <p class="quantity-text">简历处理率</p>
                        </li>
                        <li>
                            <div class="quantity-ball">96%</div>
                            <p class="quantity-text">简历处理率</p>
                        </li>
                    </ul>
            </div>
        </div>
    </section>
</body>

</html>